<template>
    <div>
        <div class="panel-head">
            <div class="panel-head-l"><span class="panel-icon _default"></span>排污许可证</div>
        </div>
        <div class="">
            <div class="content">
                <p class="title">排污许可证</p>
                <p class="certificate">证书编号：{{oData.pwxkzid}}</p>
                <div class="centralContent">
                    <p>单位名称:{{oData.unitname}}</p>
                    <p>注册地址:{{oData.regaddress}}</p>
                    <p>法定代表人:{{oData.legalperson}}</p>
                    <p>生产经营场所地址:{{oData.opeaddress}}</p>
                    <p>行业类别:{{ oData.industrytype }}</p>
                    <p>统一社会信用代码: {{ oData.creditcode }}</p>
                    <p>有效期限:自{{ oData.issuedate }}至{{ oData.yxq }}止</p>
                </div>
                <div class="bottom">
                    <p> 发证机关: {{oData.issueorg}}</p>
                    <p>发证日期: {{ oData.issuedate }}</p>
                </div>

            </div>
        </div>
    </div>

</template>

<script>
    import { URLS_HBDA } from '@/urls.js';
    export default {
        name: 'pwinfo',
        data() {
            return {
                oData: {},
            }
        },
        mounted() {
            this.fResetData()
        },
        beforeDestroy() {
        },
        methods: {
            fResetData() {
                this.$WIV.fRequest({
                    url: URLS_HBDA.d_getQyhbdapwxkzList
                }).then((res) => {
                    this.oData = res.data
                })
            },
        }
    }
</script>

<style lang="less" rel="stylesheet" scoped>
    .content {
        width: 1500px;
        height: 800px;
        border: solid 2px #626263;
        //background: red;
        margin: 0 auto;
        margin-top: 90px;

        .title {
            text-align: center;
            font-size: 80px;
            letter-spacing: 5px;
            color: #daa021;
            font-weight: 400;
        }
        .certificate {
            text-align: center;
            font-size: 30px;
            font-weight: 600;
            padding-top: 20px;
            padding-left: 330px;
        }
        .centralContent {
            font-size: 30px;
            font-weight: 600;
            line-height: 50px;
            padding-left: 140px;
            padding-top: 80px;
        }
        .bottom {
            font-size: 26px;
            font-weight: 600;
            padding-top: 70px;
            float: right;
            padding-right: 100px;
        }
    }
</style>
